<style type="text/css">
	*{ margin: 0; padding: 0;}
	li{ list-style-type: none;}
	body{ font-family: 微软雅黑; font-size: 14px;}
	a{ text-decoration: none; color: #595959;}
	a:hover{ text-decoration: underline;}
	.fleft{ float: left; display: inline;}
	.fright{ float: right; display: inline;}
	.ulli ul li{ float: left; display: inline;}
	header{ width: 100%; height: 50px; background-color: #1389D3; overflow: hidden; position:fixed; top: 0px; left: 0px;}
	.logo{ width: 17%; height: 40px; line-height: 40px; margin-top: 5px; border-right:#2294DC solid 1px; color: white; font-weight: bold; font-size: 16px;}
	.logo img{ width: 17%;  vertical-align:middle; margin:0 10px;}
	.nav{ width:60%; height: 50px; line-height: 50px;}
	.nav ul li{ width:90px; height: 50px; text-align: center;}
	.nav ul li a{ color:#FFFFFF; width:90px; height: 50px; display:block;}
	.nav ul li:hover{ background-color:#2294DC;}
	.nav ul li:nth-child(7){ background: url("../images/shezhi.png") 12% center no-repeat; background-size:20%; width:75px; padding:0 18px;}
	.nav ul li:nth-child(7):hover{ background-color:#2294DC;}
	.nav ul li:nth-child(8){ background: url("../images/erweima.png") 15% center no-repeat; background-size:22%; width:75px; padding:0 13px;}
	.nav ul li:nth-child(8):hover{ background-color:#2294DC;}
	.search{ width: 12%; overflow: hidden;}
	.search .search-keyword{ border: none; background-color: #1F98E4; border-radius:30px; padding: 7px 0; width:80%; padding-left:4%; color: #FFFFFF; font-family: 微软雅黑; margin-top:10px;}
	.admin{ width:10%; overflow: hidden; height: 50px; line-height: 50px; color: #FFFFFF;}
	.admin img{ width:27%;  vertical-align:middle; margin-right:5px;}
	.admin a img{ width:14%;}
</style>
<!--头部-->
<header>
	<div class="logo fleft"><img src="images/logo.png" /> 中移入职管理系统</div>
	<div class="nav fleft ulli">
		<ul>
			<li><a href="#">首页</a></li>
			<li><a href="#">资料报到</a></li>
			<li><a href="#">信息填写</a></li>
			<li><a href="#">办公用品</a></li>
			<li><a href="#">办公站点</a></li>
			<li><a href="#">软件支持</a></li>
			<li><a href="#">系统设置</a></li>
			<li><a href="#">二维码</a></li>
		</ul>
	</div>
	<div class="search fleft"><input class="search-keyword" placeholder="搜索"></div>
	<div class="admin fleft"><img src="images/person.png" /> admin <a href="#"><img src="images/sanjx.png" /></a></div>
</header>
<!--头部-->

